<template>
    <div>
         <p class="header-top">
          <span class="icon-left" @click="back"><van-icon name="arrow-left" /></span>
          <span class="context-center">严选专栏</span>
          <span>    </span>
      </p>
        <div v-for="(item,index) in goodd" :key="index">
            <!-- {{item}} -->
            <div>
                <img :src="item.pic" alt="" width="100%">
            </div>
        </div>
    </div>
</template>
<script>
export default {
      mounted() {
    this.$store.dispatch("getDeta")
  },
  computed: {
    // 直接当做普通属性调用不加括号
    // 任何data中数据变化立即重新计算
    // 计算属性会缓存
    goodd:function(){
      return this.$store.state.special.detaItems
    }
  },
  methods: {
      back(){
          window.history.back()
      }
  },
}
</script>
<style>
    .header-top{
    width: 100%;
    height: 0.8rem;
    display: flex;
    justify-content: space-between;
}
.icon-left{
    margin-left: 0.2rem;
    font-size: 0.4rem !important;
}
.context-center{
    font-size: 0.35rem !important;
}
</style>